<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城详情页</title>
    <!-- 引入默认css样式文件 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共css样式文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入插件样式 -->
    <link rel="stylesheet" href="./css/slider.css">
    <!-- 引入当前css样式文件 -->
    <link rel="stylesheet" href="./css/productionList.css">
</head>
<body>
    <!-- 头部区域开始 -->
    <div id="header">
        <!-- top区域开始 -->
        <div class="top">
            <div class="wrapper clearfix">
                <div class="topLeft fl colore6 fs16px">
                    legochina.cn
                </div>
                <div class="topRight fr fs14px">
                    欢迎光临
                    <span class="colorf60">乐购</span>，请 登陆\
                    <a href="#" class="colorf60">注册</a>
                </div>
                <!-- logo区域 -->
                <div class="logo">
                    <img src="./images/02-产品列表_02.jpg" alt="">
                </div>
            </div>
        </div>
        <!-- 搜索区域 -->
        <div class="wrapper">
            <div class="fr check clearfix">
                <!-- 搜索栏区域 -->
                <div class="search fl">
                    <input type="text" name="search" placeholder="请输入关键字" class="keyword">
                    <input type="submit" value="">
                </div>
                <!-- 购买信息 -->
                <div class="shop_infor fr clearfix">
                    <div class="fl fs14px">购物车
                        <span>3</span>
                    </div>
                    <div class="fl fs16px color80">我的订单</div>
                </div>
            </div>
        </div>
        <!-- 横向导航栏 -->
        <div class="nav clearfix wrapper">
            <ul class="fr clearfix fs16px">
                <li><a href="#">图书</a></li>
                <li><a href="#">电子书</a></li>
                <li><a href="#">原创文学</a></li>
                <li><a href="#">服装</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购 </a></li>
                <li><a href="#">电器城 </a></li>
            </ul>
        </div>
        
    </div>
    <!-- 头部区域结束 -->

    <!-- banner区域开始 -->
    <div id="banner" class="wrapper clearfix">
            <ul class="ban_left fl fs14px">
                <li>
                    <p>
                        <a href="">图书</a>、
                        <a href="">电子书</a>、
                        <a href="#">童书</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p><a href="#">创意文具</a></p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div> 
                </li>
                <li>
                    <p>
                        <a href="#">服饰</a>、
                        <a href="#">内衣</a> 
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">鞋靴</a>、
                        <a href="#">箱包</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p><a href="#">运动户外</a></p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">孕</a>、
                        <a href="#">婴</a>、
                        <a href="#">童</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">家居</a>、
                        <a href="#">家纺</a>、
                        <a href="#">汽车</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">家具</a>、
                        <a href="#">家装</a>、
                        <a href="#">康体</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">美妆</a>、
                        <a href="#">个人护理</a>、
                        <a href="#">成人</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">食品</a>、
                        <a href="#">茶酒</a>、
                        <a href="#">生鲜</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">腕表</a>、
                        <a href="#">珠宝</a>、
                        <a href="#">眼镜</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p>
                        <a href="#">手机</a>、
                        <a href="#">数码</a>
                    </p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p><a href="#">电脑办公</a></p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
                <li>
                    <p><a href="#">家用电器</a></p>
                    <div class="hidden">
                        <p class="title">
                            <a href="#">图书馆>></a>
                            <a href="#">儿童书馆>></a>
                            <a href="#">电子书馆>></a>
                        </p>
                        <ul>
                            <li>
                                <h3 class="fs14px colorf60">文艺</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">人文社科</h3>
                                <p>
                                    <a href="#">历史</a>
                                    <a href="#">政治军事</a>
                                    <a href="#">文化</a>
                                    <a href="#">心理学</a>
                                    <a href="#">法律"</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">管理</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">金融</a>
                                    <a href="#">经济</a>
                                    <a href="#">投资理财</a>
                                    <a href="#">互联网</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">励志</h3>
                                <p>
                                    <a href="#">小说</a>
                                    <a href="#">文学</a>
                                    <a href="#">传记</a>
                                    <a href="#">青春</a>
                                    <a href="#">动漫</a>
                                    <a href="#">艺术</a>
                                    <a href="#"> 摄影</a>
                                    <a href="#">明星</a>
                                    <a href="#">励志成功</a>
                                    <a href="#">职场</a>
                                    <a href="#">心灵修养</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">教育</h3>
                                <p>
                                    <a href="#">中小学教辅</a>
                                    <a href="#">考试</a>
                                    <a href="#">大中专教辅</a>
                                    <a href="#">外语</a>
                                    <a href="#">工具书</a>
                                    <a href="#">公务员</a>
                                    <a href="#"> 考研</a>
                                </p>
                                
                            </li>
                            <li>
                                <h3 class="fs14px colorf60">科技</h3>
                                <p>
                                    <a href="#">科普读物</a>
                                    <a href="#">计算机\网络</a>
                                    <a href="#">医学</a>
                                    <a href="#">工业技术</a>
                                    <a href="#">建筑</a>
                                    <a href="#">自然科学</a>
                                </p>
                            </li>
                          
                        </ul>
                    </div>
                </li>
            </ul>
            <!-- banner区域右边的轮播图 -->
            <div class="pptbox fr " id="slider">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="./imgs/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./imgs/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
            
       
    </div>
    
    <!-- banner区域结束 -->

    <div class="warImg wrapper mt40px"></div>

    <!-- main区域开始 -->
    <div id="main" class="mt40px">
        <div class="wrapper">
            <!-- 乐购图书折扣区开始 --> 
            <div class="book_discount">
                <!-- 折扣区标题区域  -->
                <h2 class="ffSimHei fs24px">乐购·图书折扣区</h2>
                <div class="line"></div>
                <!-- 折扣区产品列表区 -->
                <ul class="global_list clearfix">
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                               
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/walk.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/bigData.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/bigData.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/bigData.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/bigData.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/bigData.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 乐购图书折扣区结束 -->

            <!-- 新书上架开始 -->
            <div class="newbook_sale mt40px clearfix">
                <!-- 折扣区左边区域  -->
                <div class="sale-left fl ">
                    <h2 class="ffSimHei fs24px"><span class="fs28px">新</span>书上架</h2>
                    <div class="line"></div>
                    <!-- 折扣区产品列表区 -->
                    <ul class="global_list clearfix">
                            <li>
                                <a href="#">
                                    <img src="./images/bigData.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/bigData.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/bigData.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/bigData.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/bigData.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/finance.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/finance.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/finance.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/finance.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <a href="#">
                                    <img src="./images/finance.jpg" alt="">
                                </a>
                                <div class="text ffSimHei">
                                    <p class="fs14px color33">查理 斯密斯</p>
                                    <p class="fs14px">
                                        中国邮电出版社
                                    </p>
                                    <p class="fs18px">
                                        <span class="newprice">￥49</span>
                                        <span class="delprice">￥79</span>
                                    </p>
                                </div>
                            </li>
    
                    </ul>
                </div>
                <div class="sale-right fr">
                    <h2 class="fs24px color80">新书畅销榜</h2>
                    <ol>
                        <li class="hot_book">
                            <span>1</span>
                            <p class="hidden">就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix present">
                                    <img class="fl" src="./images/index08_05.jpg" alt="">
                                    <p class="fr">
                                        从你的世界路过
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                        王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                    </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>2</span>
                            <p>就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                    <img class="fl" src="./images/hot1.jpg" alt="">
                                    <p class="fr">
                                        从你的世界路过
                                        入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                        王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                    </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>3</span>
                            <p>就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./images/hot2.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>4</span>
                            <p>就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./images/hot3.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>5</span>
                            <p>就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./images/hot5.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>6</span>
                            <p>就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./images/hot6.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>   
                            </div>
                        </li>
                        <li class="hot_book">
                            <span>7</span>
                            <p class="last">就喜欢你看不惯我  又干不</p> 
                            <div class="recomm_word fs14px clearfix">
                                <img class="fl" src="./images/hot7.jpg" alt="">
                                <p class="fr">
                                    从你的世界路过
                                    入选央视“2014中国好书”的80后作品！十年华语畅销小说，
                                    王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读
                                </p>   
                            </div>
                        </li>
                    </ol>
                    
                </div>
            </div>
            <!-- 新书上架结束 -->

            <!-- 独家提供开始 -->
            <div class="offer mt40px floor">
                <div class="wrapper">
                     <!-- 独家提供区域标题部分 -->
                     <div class="common_title clearfix">
                        <h2 class="ffSimHei fs24px fl"><span class="fs28px">独</span>家提供</h2>
                        <ul class="fr clearfix fs18px">
                            <li class="active">货币金融</li>
                            <li>社会文学</li>
                            <li>科学技术</li>
                        </ul>
                     </div> 
                     <div class="line"></div>
                     <!-- 独家提供区域内容部分 -->
                     <!-- 第一个区域  -->
                     <div class="common_body clearfix on">
                        <div class="pptbox" id="slider">
                            <ul class="innerwrapper">
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/finance.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                    
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book11.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book12.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div> 
                     </div>
                     <!-- 第二个区域  -->
                     <div class="common_body clearfix">
                        <div class="pptbox" id="slider">
                            <ul class="innerwrapper">
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book13.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                    
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book14.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book15.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div> 
                     </div>
                     <!-- 第三个区域 -->
                     <div class="common_body clearfix">
                        <div class="pptbox" id="slider">
                            <ul class="innerwrapper">
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book16.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                    
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book17.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                                <li class="offer_li">
                                    <script>
                                        for(let i=0; i<12; i++){
                                            document.write(`<ul class="global_list">
                                        <li>
                                            <a href="#">
                                                <img src="./images/book18.jpg" alt="">
                                            </a>
                                            <div class="text ffSimHei">
                                                <p class="fs14px color33">查理 斯密斯</p>
                                                <p class="fs14px">
                                                    中国邮电出版社
                                                </p>
                                                <p class="fs18px">
                                                    <span class="newprice">￥49</span>
                                                    <span class="delprice">￥79</span>
                                                </p>
                                            </div>
                                        </li>
                                    </ul>`);
                                        }
                                    </script>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div> 
                     </div>
                </div> 
            </div>

            <!-- 独家提供结束 -->

            <!-- 猜你喜欢开始 -->
            <div class="guess-like mt40px">
                <div class="clearfix">
                    <h2 class="ffSimHei fs24px fl"><span class="fs28px">猜</span>你喜欢</h2>
                    <div class="changeAnother fr">
                        <img src="./images/02-产品列表页面_04.png" alt="">
                        <span class="ffSimHei fs18px" id="change">换一批</span>
                    </div>
                </div>
                <div class="line"></div>
                <!-- 折扣区产品列表区 -->
                <ul class="global_list clearfix find">
                    <li>
                        <a href="#">
                            <img src="./images/book1.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book1.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                               
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book1.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book1.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book1.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book6.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book6.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book6.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book6.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book6.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                </ul>
                <ul class="global_list clearfix">
                    <li>
                        <a href="#">
                            <img src="./images/book7.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book7.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                               
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book7.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book7.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book7.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book8.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book8.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book8.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book8.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book8.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                </ul>
                <ul class="global_list clearfix">
                    <li>
                        <a href="#">
                            <img src="./images/book9.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book9.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                               
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book9.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book9.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book9.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:38</span>
                                <span class="delprice">￥:58</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book10.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book10.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book10.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/book10.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                    <li class="last">
                        <a href="#">
                            <img src="./images/book10.jpg" alt="">
                        </a>
                        <img src="./images/02-产品列表_03.jpg" alt="">
                        <div class="text ffSimHei">
                            <p class="fs14px color33">白夜行 东野上吾</p>
                            <p class="fs14px">
                                <span>推荐:</span>
                                <img src="./images/02-产品列表_07.jpg" alt="">
                            </p>
                            <p class="fs18px">
                                <span class="newprice">￥:30</span>
                                <span class="delprice">￥:46</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 猜你喜欢结束 -->

            <!-- 人文社科区域 -->
            <ul class="social_book clearfix">
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/02-产品列表页面_03.png" alt="">
                    </a>
                </li>
            </ul>
            
        </div>
    </div>
    <!-- main区域结束 -->
    <div class="warImg wrapper"></div>

        
    <!-- 回到顶部 -->
    <div id="returnTop">
            
    </div>
    <!-- 页脚区域开始 -->
    <div class="footer ffSimHei">
            <!-- 上面的橘红色线条 -->
            <div class="line"></div>
            <!-- 流程信息 -->
            <div class="process_infor">
                <div class="wrapper clearfix">
                    <p class="bg_img">
                        <span class="process_channels"></span>
                        <span class="safe_shopping"></span>
                        <span class="next_reach"></span>
                        <span class="return_goods bg"></span>
                    </p>
                </div>
            </div>
            <!-- 页脚内容 -->
            <div class="wrapper content clearfix">
                <dl>
                    <dt>
                        <a href="#">购物指南</a>
                    </dt>
                    <dd>
                        <a href="#">购物流程</a>
                    </dd>
                    <dd>
                        <a href="#">发票制度</a>
                    </dd>
                    <dd>
                        <a href="#">账户管理</a>
                    </dd>    
                    <dd>
                        <a href="#">会员优惠</a>
                    </dd>        
                    
                </dl>
                <dl>
                    <dt>
                        <a href="#">支付方式</a>
                    </dt>
                    <dd>
                        <a href="#">货到付款</a>
                    </dd>
                    <dd>
                        <a href="#">网上支付</a>
                    </dd>
                    <dd>
                        <a href="#">礼品卡支付</a>
                    </dd>
                    <dd>
                        <a href="#">银行转帐</a>
                    </dd>  
                </dl>
                <dl>
                    <dt>
                        <a href="#">订单服务</a>
                    </dt>
                    <dd>
                        <a href="#">订单配送查询</a>
                    </dd>
                    <dd>
                        <a href="#">订单状态说明</a>
                    </dd>
                    <dd>
                        <a href="#">自助取消订单</a>
                    </dd>
                    <dd>
                        <a href="#">自助修改订单</a>
                    </dd>  
                </dl>
                <dl>
                    <dt>
                        <a href="#">退换货</a>
                    </dt>
                    <dd>
                        <a href="#">退换货政策</a>
                    </dd>
                    <dd>
                        <a href="#">自助申请退换货</a>
                    </dd>
                    <dd>
                        <a href="#">退换货进度查询</a>
                    </dd>
                    <dd>
                        <a href="#">退款方式和时间</a>
                    </dd>  
                </dl>
                <dl>
                    <dt>
                        <a href="#">商家服务</a>
                    </dt>
                    <dd>
                        <a href="#">商家中心</a>
                    </dd>
                    <dd>
                        <a href="#">运营服务</a>
                    </dd>
                    <dd>
                        <a href="#">加入尾品汇</a>
                    </dd>
                </dl>
                <div class="logo fr">
                </div>
            </div>
            <!-- 页尾导航栏 -->
            <div class="fin_nav wrapper">
                <a href="">公司简介</a>
                <span>|</span>
                <a href="">Investor Relations</a>
                <span>|</span>
                <a href="">网站联盟</a>
                <span>|</span>
                <a href="">乐购招商</a>
                <span>|</span>
                <a href="">机构销售</a>
                <span>|</span>
                <a href="">手机乐购</a>
                <span>|</span>
                <a href="">官方Blog</a>
                <span>|</span>
                <a href="">热词搜索</a>
            </div>
            <!-- 版权区域 -->
            <div class="copyright wrapper fs14px color33">
                Copyright (C) 乐购网 2004-2016, All Rights Reserved
            </div>
    </div>
    <!-- 页脚区域结束 -->
    
    <!-- 引入jQuery -->
    <script src="./lib/jquery.js"></script>
    
    <!-- 引入轮播图插件 -->
    <script src="./lib/jquery.slidebox.js"></script>
    
    <!-- 引入当前文件 -->
    <!-- <script src="./js/index.js"></script> -->
    <script src="./js/productionList.js"></script>
    
    </body>
    </html>